<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06_JS函数</title>
</head>
<body>
<script>
    function f1(){
        console.log('f1函数被执行了!')
    }
    f1();

    function f2(n){//形参
        console.log('f2函数被执行了!');
        console.log(n);
    }
    f2(100);//实参
    f2('你好!');
    f2(true);

    //函数可以设置多个参数,且参数个数可以不匹配
    //如果实参个数大于形参个数,多余的实参会被舍掉
    //如果实参个数小于形参个数,未被赋值的形参值为undefined
    function f3(x,y){
        console.log('f3函数被执行了!');
        console.log(x+y);
    }
    f3(100,200);
    f3(1,2,3,4);//3
    f3(1);//1+undefined=NaN


    function f4(x,y){
        console.log('f4函数被执行了!');
        return (x+y);
    }
    var result = f4(100,200);
    console.log(result);
    console.log(f4(100,200));

    (function (){
        console.log('匿名函数被执行了!');
    })();

    //将函数整体交给变量f5保存,f5就相当于函数的名字去使用即可
    var f5 = function (){
        console.log('f5函数被执行了!');
    }
    f5();
    console.log(f5);
    console.log(typeof f5);


    //箭头函数
    const f6 = ()=>{
        console.log('f6函数被执行了!');
    }
    f6();



</script>
</body>
</html>